@import "./minxin.scss";
.curler{
    height: 660px;
    position: relative;
    .curler_background{
        width: 100%;
        height: 360px;
        position: absolute;
        top: 175px;
        background: rgb(243, 249, 251);
        .curler_banxin{
            @include banxin();
            .curler_top{
                position: absolute;
                top: -147px;
                width: 1200px;
                padding-bottom: 40px;
                display: flex;
                justify-content: space-between;
                // 烫发器
                span{
                    font-size: 20px;
                    font-weight: 400;
                    color: #333;
                }
                // 更多....  盒子- 
                div{
                    cursor: pointer;
                    display: flex;
                    align-items: center;
                    // 更多
                    span{
                        font-size: 16px;
                        font-weight: 400;
                        margin-right: 10px;
                        color: grey;
                    }
                    // 箭头图
                    img{
                        width: 16px;
                        height: 16px;
                    }
                }
                
            }
            // 右侧商品内容大盒子
            .curler_commodity{
                position: relative;
                top: -127px;
                // background-color: black;
                height: 20px;
                // 定位盒子
                .curler_position{
                    width: 100%;
                    height: 20px;
                    top: 20px;
                    position: absolute;
                    display: flex;
                    justify-content: space-between;
                    // 俩个商品的尺寸
                    &>div{
                        width: 49%;
                        height: 320px;
                        border-radius: 30px;
                        overflow: hidden;
                        background-color: white;
                        box-shadow: 0 3px 16px rgb(0 0 0 / 10%);
                        display: flex;
                        justify-content: space-between;
                        position: relative;
                        // 滑动效果
                        &:hover{
                            top: -3px;
                            box-shadow: 0 10px 24px rgb(0 0 0 / 15%);
                        }
                        // 右边盒子
                        .commodity_lef{
                            flex: 1;
                            background-color: blueviolet;
                            img{
                                width: 100%;
                                height: 100%;
                            }
                        }
                        // 右边盒子
                        .commodity_rig{
                            flex: 1;
                            background-color: white;
                            padding-left: 15px;
                            // display: flex;
                            // flex-direction: column;
                            // justify-content: space-evenly;
                            .commodity_rig_top{
                                font-weight: 600;
                                margin: 46px 0;
                            }
                            .commodity_rig_cen{
                                display: flex;
                                flex-direction: column;
                                p{
                                    flex: 1;
                                    font-size: 12px;
                                    margin-top: 10px;
                                    img{
                                        display: inline-block;
                                        margin-right: 5px;
                                    }
                                }
                            }
                            .commodity_rig_price{
                                display: flex;
                                margin-top: 30px;
                                align-items: center;
                                h3{
                                    font-size: 14px;
                                }
                                span{
                                    display: flex;
                                    color: red;
                                    align-items: center;
                                    strong{
                                        font-size: 20px;
                                    }
                                }
                            }
                        }
                    }
                    
                }
            }
        }
    }
}